html {
	-ms-overflow-style: none;  /* IE and Edge */
	scrollbar-width: none;  /* Firefox */
}
html::-webkit-scrollbar {
	display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}

body {
	margin-top: 65px;
	font-family: 'Source Sans Pro', sans-serif;
}

.hero-section {
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(100vh - 65px);
}

.header-section {
	background-repeat: no-repeat;
	background-size: cover;
}

.nav-transparent {
	background-color: #fff;
}

#site-top-menu {
	height: 65px;
}

#site-top-menu .nav {
	overflow: hidden; 
}

#hero-section-home 		{ background-image: url("https://venlumiarchive.dndiplomacy.com/wp-content/uploads/2023/09/venlumi_bg01.png"); }
#hero-section-blog 		{ background-image: url("https://venlumiarchive.dndiplomacy.com/wp-content/uploads/2023/09/venlumi_bg02.png"); }
#hero-section-event 	{ background-image: url("https://venlumiarchive.dndiplomacy.com/wp-content/uploads/2023/09/venlumi_bg02.png"); }
#hero-section-project 	{ background-image: url("https://venlumiarchive.dndiplomacy.com/wp-content/uploads/2023/09/venlumi_bg03.png"); }
#hero-section-about 	{ background-image: url("https://venlumiarchive.dndiplomacy.com/wp-content/uploads/2023/09/venlumi_bg06.png"); }
/* #hero-section-mention 	{ background-color: #dcf3fd; background-image: linear-gradient(to bottom right, #169ddc, #dcf3fd); } */
#hero-section-mention 	{ background-image: url("https://venlumiarchive.dndiplomacy.com/wp-content/uploads/2023/09/venlumi_bg04.png"); }

.display-venlumi {
	text-transform: uppercase; 
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.225rem;
    font-weight: 400;
	direction: var(--site-language-direction);
}

.text-venlumi {
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: 0.025rem;
    font-weight: 200;
}

/* Masthead for nav */
.nav-link { 
	color: #000; 
	text-transform: uppercase; 
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: 0.225rem;
	font-size: 0.625em;
    font-weight: 400;
	direction: var(--site-language-direction);
	line-height: calc(2.25rem - 2px);
}

.bg-white-opacity { background-color: rgba(255, 255, 255, .7) }

.nav-link:hover, .nav-link:focus, .nav-link.active { color: #808080; background-color: unset; }

.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

/* Maybe even support hover opacity shifts */
.opacity-0h5 {
  opacity:0!important;
  transition: opacity .25s ease-in-out!important;
  -moz-transition: opacity .25s ease-in-out!important;
  -webkit-transition: opacity .25s ease-in-out!important;
}
.opacity-0h5:hover {
  opacity:1!important;
}